@import '../common/icons.scss';
@import '../common/common.scss';

#app{
    width: 100%;
    height: 100%;
    >main{
        height: 100%;
        background: #F5F5f5; 
        // overflow-y: scroll;
    }
    >nav{
        position: fixed;
        bottom: 0;
        width: 100%;
        height:.44rem;
        background-color: #fff;
        border-top: 1px solid rgb(238, 238, 238);
        ul{
            width: 100%;
            height:100%;
            display: flex;
            li{
                flex: 1;
                color:$mainColor;
                display: flex;
                justify-content: center;
                flex-direction: column;
                align-items: center;
                a{
                    color:$mainColor;
                }
            }
            li.active{
                color:$linkColor;
                a{
                    color:$linkColor;
                }
            }
        }
    }
}